<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<jsp:include page="includes/header.jsp" />

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>


<c:set var="webContext" value="${pageContext.request.contextPath}" />
<spring:message code="user.workspace.label.tab.cursos"
	var="LABEL_TAB_CURSOS" />
<spring:message code="user.workspace.label.tab.mundo3D"
	var="LABEL_TAB_MUNDO_3D" />

<section class="title">
	<div class="container">
		<div class="row-fluid">
			<div class="span6">
				<h1>Espacio de trabajo</h1>
			</div>
			<div class="span6">
				<ul class="breadcrumb pull-right">
					<li><a href="index.html">Home</a> <span class="divider">/</span></li>
					<li><a href="#">Espacio de trabajo</a> <span class="divider">/</span></li>
					<li class="active">Mis Cursos</li>
				</ul>
			</div>
		</div>
	</div>
</section>
<!-- / .title -->

<!-- User Workspace -->
<section id="user-workspace" class="container">


	<div class="row-fluid">
		<!-- Left Column -->
		<div class="span3">
			<div class="well">
				<div class="tabbable tabs-left">
					<ul class="nav nav-tabs myCustomTabLeft">
						<li class=""><span class="menuLateralCursos"><a id="tabLeftcurso1" href="#curso1" data-toggle="tab">Programación Java - Básico</a></span><hr></li>
						<li class=""><span class="menuLateralCursos"><a id="tabLeftcurso2" href="#curso2" data-toggle="tab">PHP para Dummies</a></span><hr></li>
						<li class=""><span class="menuLateralCursos"><a id="tabLeftcurso3" href="#curso3" data-toggle="tab">Desarrollo en Android</a></span><hr></li>
						<li class=""><span class="menuLateralCursos"><a id="tabLeftcurso4" href="#curso4" data-toggle="tab">IOS 7 y Objective C</a></span><hr></li>
					</ul>
				</div>
			</div>
<!-- 			<div class="well" id="well-chat"> -->
<!-- 				<div class="chat"> -->
<!-- 					<input type="text" class="chat-name" placeholder="Enter yor name" /> -->
<!-- 					<div class="chat-messages"> -->

<!-- 					</div> -->
<!-- 					<textarea class="chat-textarea" placeholder="Type your message"></textarea> -->
<!-- 					<div class="chat-status">Status: <span>Idle</span></div> -->
<!-- 				</div> -->
<!-- 			</div> -->
		</div>
		<!-- /Left Column -->

		<!-- Right Column -->
		<div class="span9">
			<div class="tab-content">
				<div class="tab-pane active" id="curso1">
					<div class="tabbable">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#introduccion1" data-toggle="tab">Introduccion</a></li>
							<li class=""><a href="#material1" data-toggle="tab">Material</a></li>
							<li class=""><a href="#videos1" data-toggle="tab">Video Tutorial</a></li>
<!-- 							<li class=""><a href="#claseOnline1" data-toggle="tab">Clase Online</a></li> -->
<!-- 							<li class=""><a href="#realidadAu1" data-toggle="tab">Realidad -->
<!-- 									Aumentada</a></li> -->
						</ul>
					</div>

					<div class="tab-content">
						<!-- TAB MIS CURSOS -->
						<div class="tab-pane active" id="introduccion1">
							<div class="hero-unit">
								<h1>Programación Java - Básico</h1>
								<hr>
								<center><img alt="" src="${webContext}/resources/images/portfolio/thumb/item1.jpg" style="margin: auto;" /></center>
								<hr>
								<p class="justificarTexto">Java es un lenguaje de programación desarrollado por Sun Microsystem, 
								Java en orientado a objetos y basado en clases que fue diseñado específicamente para tener tan pocas 
								dependencias de implementación como fuera posible. Su intención es permitir que los desarrolladores de 
								aplicaciones escriban el programa una vez y lo ejecuten en cualquier dispositivo sin importar la 
								plataforma que utilice.
								
								</p>
								<p class="justificarTexto">Los programas Java se compilan a un lenguaje intermedio, denominado Bycode. 
								Este es interpretado por la máquina virtual de Java del entorno de ejecución (JRE) y así se consigue 
								la portabilidad en distintas plataformas.
								</p>
								<p class="justificarTexto">Actualmente es uno de los lenguajes de programación más populares y más 
								utilizados a nivel personal y profesional en todo el mundo para crear aplicaciones tanto web, cliente/servidor,
								</p>
								<hr>
								<h3>Temario</h3>
								<div class="bs-docs-example">
									<ul>
										<li>PROGRAMACION ORIENTADA A OBJETOS</li>
										<li>POLIMORFISMO</li>
										<li>HERENCIA</li>
										<li>ENCAPSULACION</li>
										<li>CLASES</li>
										<li>OBJETOS</li>
										<li>METODOS</li>
									</ul>
								</div>

<!-- 								<p> -->
<!-- 									<a class="btn btn-primary btn-large"> Learn more </a> -->
<!-- 								</p> -->
							</div>
						</div>
						<!-- FIN TAB MIS CURSOS -->


						<div class="tab-pane" id="material1">
							<div class="page-header">
								<h1>Material del curso</h1>
								<hr>
								<div scrolling="no">
									<p class="justificarTexto textoMatrial">
										Una breve introduccion realizada por Yhoan Andres Galeano Urrea
									</p>
									<iframe src="//slides.com/yhoanandresgaleanourrea/java-7/embed?style=light" width="800" height="600" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
								</div>
								<hr>
								<div class="justificarTexto textoMatrial">
								
								<p>
									Breve presentación de JAVA y JSP
								</p>
								
								<iframe src="//www.slideshare.net/slideshow/embed_code/3701801" width="800" height="600" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//es.slideshare.net/maeusogo/presentacion-java" title="Presentacion Java" target="_blank">Presentacion Java</a> </strong> from <strong><a href="//www.slideshare.net/maeusogo" target="_blank">maeusogo</a></strong> </div>
								</div>
								
							</div>
						</div>

						<div class="tab-pane" id="videos1">
							<div class="center">
								<div class="row-fluid">
									<!-- Left Column -->
									<div class="span6">
										<video id="example_video_1" class="video-js vjs-default-skin"
											controls preload="none" width="400" height="200"
											poster="${webContext}/resources/images/portfolio/thumb/item1.jpg"
											data-setup='{"example_option":true}'>
											<source
												src="${webContext}/resources/videos/mvc.mp4"
												type='video/mp4' />
											<p class="vjs-no-js">
												Para visualizar este video por favor habilita Javascript, y
												considera actualizar a un navegadr que soporte HTML 5 <a
													href="http://videojs.com/html5-video-support/"
													target="_blank">supports HTML5 video</a>
											</p>
										</video>
									</div>
									<!-- /Left Column -->

									<div class="span6">
										<h3>1.	Fundamentos de Programación JAVA</h3>
										<p>
											En este curso explicaremos lo necesario que deberás tener en tu ordenador para empezar a desarrollar tus aplicaciones en Java, en los cuales podrás encontrar lo siguiente:
											<ul class="arrow">
												<li>Que es java</li>
												<li>Que necesito para programar en java</li>
												<li>Vitual Machine</li>
												<li>JDK</li>
												<li>Java SE</li>
												<li>Java EE</li>
												<li>Java ME</li>
												<li>Entorno de desarrollo (IDE)</li>
											</ul>
										</p>
									</div>
								</div>
								
								<div class="row-fluid">
									<!-- Left Column -->
									<div class="span6">
										<video id="example_video_1" class="video-js vjs-default-skin"
											controls preload="none" width="400" height="200"
											poster="${webContext}/resources/images/portfolio/thumb/item1.jpg"
											data-setup='{"example_option":true}'>
											<source
												src="${webContext}/resources/videos/mvc.mp4"
												type='video/mp4' />
											<p class="vjs-no-js">
												Para visualizar este video por favor habilita Javascript, y
												considera actualizar a un navegadr que soporte HTML 5
												<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
											</p>
										</video>
									</div>
									<!-- /Left Column -->

									<div class="span6">
										<h3>2.	Mi primer Programa Hola Mundo</h3>
										<p>
											En este curso explicaremos los primeros pasos para empezar a desarrollar tus aplicaciones en Java, en los cuales podrás encontrar lo siguiente:
											<ul class="arrow">
												<li>Etiquetas comentario</li>
												<li>Sintaxis básica de programación</li>
											</ul>
										</p>
									</div>
								</div>
								<br />
								<br />
								<br />
								<div class="row-fluid">
									<!-- Left Column -->
									<div class="span6">
										<video id="example_video_1" class="video-js vjs-default-skin"
											controls preload="none" width="400" height="200"
											poster="${webContext}/resources/images/portfolio/thumb/item1.jpg"
											data-setup='{"example_option":true}'>
											<source
												src="${webContext}/resources/videos/mvc.mp4"
												type='video/mp4' />
											<p class="vjs-no-js">
												To view this video please enable JavaScript, and consider
												upgrading to a web browser that <a
													href="http://videojs.com/html5-video-support/"
													target="_blank">supports HTML5 video</a>
											</p>
										</video>
									</div>
									<!-- /Left Column -->

									<div class="span6">
										<h3>3.	Mi primer Proyecto en Java con Netbeans</h3>
										<p>
											En este curso explicaremos los primeros pasos para empezar a desarrollar tus aplicaciones en Java, en los cuales podrás encontrar lo siguiente:
											<ul class="arrow">
												<li>Como crear nuestro primer proyecto.</li>
												<li>Crear nuestra clase</li>
											</ul>
										</p>
									</div>
								</div>
								
							</div>
						</div>


					</div>
				</div>
				<!-- Curso 2 -->
				<div class="tab-pane active" id="curso2">
					<div class="tabbable">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#introduccion2"
								data-toggle="tab">Introducción</a></li>
							<li class=""><a href="#material2" data-toggle="tab">Materiales</a></li>
							<li class=""><a href="#videos2" data-toggle="tab">Videos Tutoriales</a></li>
						</ul>
					</div>

					<div class="tab-content">
						<!-- TAB MIS CURSOS -->
						<div class="tab-pane active" id="introduccion2">
							<div class="hero-unit">
								<h1>Curso de PHP</h1>
								<hr>
								<center><img alt="" src="${webContext}/resources/images/portfolio/thumb/item3.jpg" style="margin: auto;" /></center>
								<hr>
								<p class="justificarTexto">PHP es un lenguaje de programación de uso 
								general de código del lado del servidor originalmente diseñado para el 
								desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes 
								de programación del lado del servidor que se podían incorporar directamente 
								en el documento HTML en lugar de llamar a un archivo externo que procese 
								los datos. El código es interpretado por un servidor web con un módulo de 
								procesador de PHP que genera la página Web resultante. PHP ha evolucionado 
								por lo que ahora incluye también una interfaz de línea de comandos que puede 
								ser usada en aplicaciones gráficas independientes. Puede ser usado en la 
								mayoría de los servidores web al igual que en casi todos los sistemas 
								operativos y plataformas sin ningún costo.
								</p>
								<p class="justificarTexto">Se considera uno de los lenguajes más flexibles, 
								potentes y de alto rendimiento conocidos hasta el día de hoy. Lo que ha 
								atraído el interés de múltiples sitios con gran demanda de tráfico como 
								Facebook, para optar por PHP como tecnología de servidor.
								</p>
								<p class="justificarTexto">Fue creado originalmente por Rasmus Lerdorf en 
								1995. Actualmente el lenguaje sigue siendo desarrollado con nuevas funciones 
								por el grupo PHP.2 Este lenguaje forma parte del software libre publicado 
								bajo la licencia PHP, que es incompatible con laLicencia Pública General 
								de GNU debido a las restricciones del uso del término PHP.
								</p>
								<hr>
								<h3>Temario</h3>
								<div class="bs-docs-example">
									<ul>
										<li>Primeros pasos en PHP</li>
										<li>Introducción a PHP</li>
										<li>Estructuras de control (IF)</li>
										<li>Arreglos Simples</li>
										<li>Expresiones Regulares</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- FIN TAB MIS CURSOS -->


						<div class="tab-pane" id="material2">
							<div class="page-header">
								<h1>Material del curso</h1>
								
								<iframe src="//slides.com/isinn/intro-to-php/embed" width="800" height="600" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
								<hr>
								<iframe src="//slides.com/priyankabhoir/php/embed?style=light" width="800" height="600" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
							</div>
						</div>

						<div class="tab-pane" id="videos2">
							<div class="center">
								<div class="row-fluid">
									<!-- Left Column -->
									<div class="span6">
										<video id="example_video_1" class="video-js vjs-default-skin"
											controls preload="none" width="400" height="200"
											poster="http://video-js.zencoder.com/oceans-clip.png"
											data-setup='{"example_option":true}'>
											<source
												src="${webContext}/resources/videos/mvc.mp4"
												type='video/mp4' />
											<p class="vjs-no-js">
												Para visualizar este video por favor habilita Javascript, y
												considera actualizar a un navegadr que soporte HTML 5 <a
													href="http://videojs.com/html5-video-support/"
													target="_blank">supports HTML5 video</a>
											</p>
										</video>
									</div>
									<!-- /Left Column -->

									<div class="span6">
										<h3>1.	Primeros pasos en PHP</h3>
										<p class="justificarTexto">
											Este curso nos dará los pasos iniciales para realizar nuestros desarrollos 
											en PHP, en los cuales podrás encontrar lo siguiente:
										</p>
										
										<p>
										<ul class="arrow">
											<li>Herramienta  recomendada  para utilizar Dreamweaver.</li>
											<li>Sintaxis básica de programación</li>
											<li>Etiquetas Echo, Print.</li>
										</ul>
										</p>
									</div>
								</div>
							</div>
						</div>


					</div>
				</div>
				
				<!-- Curso 3 -->
				<div class="tab-pane active" id="curso3">
					<div class="tabbable">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#introduccion3"
								data-toggle="tab">Introducción</a></li>
							<li class=""><a href="#material3" data-toggle="tab">Materiales</a></li>
							<li class=""><a href="#videos3" data-toggle="tab">Videos Tutoriales</a></li>
						</ul>
					</div>

					<div class="tab-content">
						<!-- TAB MIS CURSOS -->
						<div class="tab-pane active" id="introduccion3">
							<div class="hero-unit">
								<h1>Desarrollo en Android</h1>
								<hr>
								<center><img alt="" src="${webContext}/resources/images/portfolio/thumb/item2.jpg" style="margin: auto;" /></center>
								<hr>
								<p class="justificarTexto">
									Android es un sistema operativo basado en el kernel de Linux diseñado principalmente 
									para dispositivos móviles con pantalla táctil, como teléfonos inteligentes o tabletas, 
									y también para relojes inteligentes, televisores y automóviles, inicialmente desarrollado 
									por Android Inc., que Google respaldó económicamente y más tarde compró esta empresa 
									en 2005.Android fue presentado en 2007 junto la fundación del Open Handset Alliance: 
									un consorcio de compañías de hardware, software ytelecomunicaciones para avanzar en 
									los estándares abiertos de los dispositivos móviles.El primer móvil con el sistema 
									operativo Android fue el HTC Dream y se vendió en octubre de 2008.
								</p>
								<p class="justificarTexto">
									El éxito del sistema operativo se ha convertido en objeto de litigios sobre patentes en 
									el marco de las llamadas «Guerras por patentes de teléfonos inteligentes» (en inglés Smartphone patent wars) 
									entre las empresas de tecnología.Segúndocumentos secretos filtrados en 2013 y 2014, 
									el sistema operativo es uno de los objetivos de las agencias de inteligenciainternacionales.
								</p>
								<p class="justificarTexto">
									El 25 de junio de 2014 en la Conferencia de Desarrolladores Google I/O, la compañia Google 
									mostró un cambio de marca con el fin de unificar tanto el hardware como el software. 
									Con ello mostraron nuevos productos como lo son Android TV, Android Auto,Android Wear o un 
									smartphone de baja gama llamado Android One. Con todo ello la marca se estabiliza para dar una 
									imagen más firme tanto en el mercado como al público.
								</p>
								<hr>
								<h3>Temario</h3>
								<div class="bs-docs-example">
									<ul>
										<li>Introducción Android</li>
										<li>Entorno de Desarrollo</li>
										<li>Estructura de un proyecto Android</li>
										<li>Componentes de una aplicación Android</li>
										<li>Desarrollando una aplicación Android sencilla</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- FIN TAB MIS CURSOS -->


						<div class="tab-pane" id="material3">
							<div class="page-header">
								<h1>Material del curso</h1>
								
								Introducción básica a Andriod
								
								<iframe src="//slides.com/e-novex/andriod-development/embed?style=light" width="800" height="600" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
								<hr>
								
								<iframe src="//www.slideshare.net/slideshow/embed_code/4533940" width="800" height="600" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe>
								<hr> 
							</div>
						</div>

						<div class="tab-pane" id="videos3">
							<div class="center">
								<div class="row-fluid">
									<!-- Left Column -->
									<div class="span6">
										<video id="example_video_1" class="video-js vjs-default-skin"
											controls preload="none" width="400" height="200"
											poster="http://video-js.zencoder.com/oceans-clip.png"
											data-setup='{"example_option":true}'>
											<source
												src="${webContext}/resources/videos/mvc.mp4"
												type='video/mp4' />
											<p class="vjs-no-js">
												Para visualizar este video por favor habilita Javascript, y
												considera actualizar a un navegadr que soporte HTML 5 <a
													href="http://videojs.com/html5-video-support/"
													target="_blank">supports HTML5 video</a>
											</p>
										</video>
									</div>
									<!-- /Left Column -->

									<div class="span6">
										<h3>1.	Primeros pasos en PHP</h3>
										<p class="justificarTexto">
											Este curso nos dará los pasos iniciales para realizar nuestros desarrollos 
											en PHP, en los cuales podrás encontrar lo siguiente:
										</p>
										
										<p>
										<ul class="arrow">
											<li>Herramienta  recomendada  para utilizar Dreamweaver.</li>
											<li>Sintaxis básica de programación</li>
											<li>Etiquetas Echo, Print.</li>
										</ul>
										</p>
									</div>
								</div>
							</div>
						</div>


					</div>
				</div>
				
								
				<!-- Curso 4 -->
				<div class="tab-pane active" id="curso4">
					<div class="tabbable">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#introduccion4"
								data-toggle="tab">Introducción</a></li>
							<li class=""><a href="#material4" data-toggle="tab">Materiales</a></li>
							<li class=""><a href="#videos4" data-toggle="tab">Videos Tutoriales</a></li>
						</ul>
					</div>

					<div class="tab-content">
						<!-- TAB MIS CURSOS -->
						<div class="tab-pane active" id="introduccion4">
							<div class="hero-unit">
								<h1>IOS 7 y Objective C</h1>
								<hr>
								<center><img alt="" src="${webContext}/resources/images/portfolio/thumb/item4.jpg" style="margin: auto;" /></center>
								<hr>
								<p class="justificarTexto">
									Entre los productos de hardware más conocidos de la empresa se cuenta con 
									equipos Macintosh, el iPod, el iPhone y el iPad. Entre el software de Apple se 
									encuentran el sistema operativo Mac OS X, el sistema operativo iOS, el explorador 
									de contenido multimedia iTunes, la suite iLife (software de creatividad y multimedia), 
									la suite iWork (software de productividad), Final Cut Studio (una suite de edición de vídeo profesional), 
									Logic Studio (software para edición de audio en pistas), Xsan (software para el intercambio de datos entre servidores), 
									Aperture (software para editar imágenes RAW), y el navegador web Safari. 
								</p>
								<p class="justificarTexto">
									Apple ha sorprendido a toda la audiencia con el anuncio de un nuevo lenguaje de programación 
									para iOS y OS X. Se trata de Swift que en palabras de Craig Federighi es "rápido, moderno y 
									diseñado con seguridad" "Es como Objective-C, pero sin C". Swift ha sido diseñado completamente 
									de forma nativa para trabajar con todas las características que los desarrolladores usaban de 
									Cocoa y Cocoa Touch desde Objective-C. Y por supuesto, total soporte desde XCode 6 beta(disponible ya).
								</p>
								<p class="justificarTexto">
									Aunque aún es muy pronto, está llamado a sustituir a Objective-C. Swift puede ser usado tanto 
									para aplicaciones básicas, como apps de redes sociales, como los más avanzados juegos en 3D 
									usando la nueva optimización de gráficos de Apple conocida como Metal. Una de las ventajas es que 
									es interoperable con Objective-C, por lo que los desarrolladores pueden intercambiar parte del código 
									según su preferencia.
								</p>
								<hr>
								<h3>Temario</h3>
								<div class="bs-docs-example">
									<ul>
										<li>Introducción a la programación orientada a objetos</li>
										<li>Introducción a Objective-C</li>
										<li>Foundation Kit</li>
										<li>Definiendo una clase</li>
										<li>Definiendo una clase II (No disponible en versión Lite)</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- FIN TAB MIS CURSOS -->


						<div class="tab-pane" id="material4">
							<div class="page-header">
								<h1>Material del curso</h1>
								
								<iframe src="//slides.com/mos/ios7/embed?style=light" width="800" height="600" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
								<hr>
								<iframe src="//slides.com/amitburst/ios/embed?style=light" width="800" height="600" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
							</div>
						</div>

						<div class="tab-pane" id="videos4">
							<div class="center">
								<div class="row-fluid">
									<!-- Left Column -->
									<div class="span6">
										<video id="example_video_1" class="video-js vjs-default-skin"
											controls preload="none" width="400" height="200"
											poster="http://video-js.zencoder.com/oceans-clip.png"
											data-setup='{"example_option":true}'>
											<source
												src="${webContext}/resources/videos/mvc.mp4"
												type='video/mp4' />
											<p class="vjs-no-js">
												Para visualizar este video por favor habilita Javascript, y
												considera actualizar a un navegadr que soporte HTML 5 <a
													href="http://videojs.com/html5-video-support/"
													target="_blank">supports HTML5 video</a>
											</p>
										</video>
									</div>
									<!-- /Left Column -->

									<div class="span6">
										<h3>1.	Aprende a programar Aplicaciones para iOS - 1</h3>
										<p class="justificarTexto">
											Este curso nos dara los pasos iniciales para realizar nuestros desarrollos para 
											la plataforma iOS, en los cuales podrás encontrar lo siguiente:
										</p>
										
										<p class="justificarTexto">
										<ul class="arrow">
											<li>Herramienta recomendada para utilizar – XCODE.</li>
											<li>Como crear nuestro primer Proyecto.</li>
											<li>Creacion de un Label.</li>
										</ul>
										</p>
									</div>
								</div>
							</div>
						</div>


					</div>
				</div>
			</div>
		</div>
		<!-- /Right Column -->

	</div>


</section>
<!-- /User Workspace -->

<jsp:include page="includes/footer.jsp" />